<template>
<!--components/load-more.wxml-->
<view class="load_more" @tap="onMore">
    <text v-if="load == 'loading'">加载中</text>
    <text v-if="load == 'more'">点击加载更多</text>
    <text v-if="load == 'noMore'">没有数据了</text>
</view>
</template>

<script>

export default {
  data() {
    return {};
  },

  components: {},
  props: {
    load: {
      type: String,
      default: 'noMore'
    }
  },
  methods: {
    onMore() {
      if (this.load == 'loading') return;
      this.$emit('onMore');
    }

  }
};
</script>
<style>
@import "./load-more.css";
</style>